import React from 'react';
import { Image } from '@douyinfe/semi-ui';
import styles from './index.module.scss';
import download from "@/assets/images/imageEdit/download.svg";

export default function ImageGallery() {
  const displayImages =  Array(12).fill({ src: '', alt: '' });

  return (
    <div 
      className={`${styles.imageGallery}`}
    >
      <div className={styles.download}>
        <Image src={download} preview={false} draggable={false} />
        下载至本地
      </div>
      <div className={styles.imageContainer}>
        {displayImages.map((image, index) => (
          <Image
            key={index}
            className={styles.img}
            src={image.src || ''}
            preview={false}
            draggable={false}
            onClick={() => image.onClick?.(image, index)}
          />
        ))}
      </div>
    </div>
  );
}